page-tabs {
    .tabbar {
        overflow: visible;
        height: 6rem;
    }
    
    // 第一个 tab 样式
    .tabbar > :nth-child(1) {
        height: 6rem;
        background: url('/assets/icon/add.png') no-repeat center .5rem;
        background-size: 3rem 3rem;
        .tab-button-text {
            margin-top: 3rem !important;
        }
    }
    // 选中状态的 tab 图标
    .tabbar > :nth-child(1)[aria-selected=true] {
        background-image: url('/assets/icon/add.png');
    }


    .tabbar > :nth-child(2) {
        height: 6rem;
        background: url('/assets/icon/add.png') no-repeat center .5rem;
        background-size: 3rem 3rem;
        .tab-button-text {
            margin-top: 3rem !important;
        }
    }
    .tabbar > :nth-child(2)[aria-selected=true] {
        background-image: url('/assets/icon/add.png');
    }

    .tabbar > :nth-child(3) {
        height: 7rem;
        background-color: #FFF;
        box-shadow: 0 0 5px #CCC;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        margin-top: -1rem;
        .tab-button-text {
            display: block;
            width: 100%;
            height: 7rem;
            background: url('/assets/icon/add.png') no-repeat center .5rem;
            background-size: 4rem 4rem;
            line-height: 11rem !important;
        }
    }
    .tabbar > :nth-child(3)[aria-selected=true] .tab-button-text {
        background-image: url('/assets/icon/favicon.ico');
    }


    .tabbar > :nth-child(4) {
        height: 6rem;
        background: url('/assets/icon/add.png') no-repeat center .5rem;
        background-size: 3rem 3rem;
        .tab-button-text {
            margin-top: 3rem !important;
        }
    }
    .tabbar > :nth-child(4)[aria-selected=true] {
        background-image: url('/assets/icon/add.png');
    }


    .tabbar > :nth-child(5) {
        height: 6rem;
        background: url('/assets/icon/add.png') no-repeat center .5rem;
        background-size: 3rem 3rem;
        .tab-button-text {
            margin-top: 3rem !important;
        }
    }
    .tabbar > :nth-child(5)[aria-selected=true] {
        background-image: url('/assets/icon/add.png');
    }


}
